<!--  -->
<template>
  <div class="navbar">
    <div class="left">
        <slot name="left"></slot>
    </div>
    <div class="center">
        <slot name="center"></slot>
    </div>
    <div class="right">
        <slot name="right"></slot>
    </div>
  </div>
</template>

<script>
//import xxx from '@/'
export default {
  data() {
    return {};
  },
  components: {},
  methods: {}
};
</script>

<style lang='scss' scoped>
@import "@/assets/css/extend.scss";
.navbar {
  height: 0.86rem;
  line-height: 0.86rem;
  display: flex;
  box-shadow: 0 1px rgba(100,100,100,.1);
  position: relative;
  z-index: 999;

  .left,.right{
      width: 0.6rem;
  }
  .center{
      flex:1;
      text-align: center;
      font-size: 0.3rem;
  }
}
</style>